<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>详情页</title>
    <!-- Le styles -->
    <link href="/common/js/bootstrap-3.0.0/css/bootstrap-united.min.css" rel="stylesheet">
    <style type="text/css">
        body {
            padding: 10px 0;
        }
    </style>
</head>
<body>
<div class="container">
    <#--<form id="form" method="post" class="well form-horizontal">-->
        <#--<fieldset>-->
            <#--<!--<legend>通知管理</legend>&ndash;&gt;-->
            <#--<div class="form-group row">-->
                    <#--<div class="col-md-4">-->
                        <#--<label class="col-md-4 control-label" for="username">名称</label>-->

                        <#--<div class="col-md-8">-->
                            <#--<input id="username" name="username" type="text" class="form-control"/>-->
                        <#--</div>-->
                    <#--</div>-->

                    <#--&lt;#&ndash;<div class="col-md-4">&ndash;&gt;-->
                        <#--&lt;#&ndash;<label class="col-md-4 control-label" for="datetime">日期</label>&ndash;&gt;-->

                        <#--&lt;#&ndash;<div class="col-md-8">&ndash;&gt;-->
                            <#--&lt;#&ndash;<input id="datetime" name="datetime" class="form-control Wdate"&ndash;&gt;-->
                                   <#--&lt;#&ndash;onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})"/>&ndash;&gt;-->
                        <#--&lt;#&ndash;</div>&ndash;&gt;-->
                    <#--&lt;#&ndash;</div>&ndash;&gt;-->

            <#--</div>-->

            <#--<div class="form-group">-->
                <#--<div class="col-md-10 text-right">-->
                    <#--&lt;#&ndash;<button type="button" id="searchBtn" style="width: 80px;" class="btn btn-primary">查询</button>&ndash;&gt;-->
                    <#--<button type="button" id="searchBtn" onclick="javascript:history.back(-1);" style="width: 80px;" class="btn btn-success">返回</button>-->
                <#--</div>-->
            <#--</div>-->
        <#--</fieldset>-->
    <#--</form>-->

    <div class="col-md-12 text-right" style="margin:10px 0;">
        <button type="button" id="searchBtn" onclick="javascript:history.back(-1);" style="width: 80px;" class="btn btn-success">返回</button>
    </div>

    <table id="resultTable" class="table table-bordered table-hover">
        <thead>
        <tr>
            <#--<th><input type="checkbox" id="resultTableCheckboxAll" /></th>-->
            <th>编号</th>
            <#--<th>类型</th>-->
            <#--<th>图片</th>-->
            <th>名字</th>
            <th>权重</th>
            <#--<th>上级</th>-->
            <th>描述</th>
            <th>状态</th>
            <th>详情</th>
        </tr>
        </thead>
        <tbody>
        <script type="text/html">
            <tr>
                <#--<td><input type="checkbox" pushid="{{id}}" class="resultTableCheckboxOne" /></td>-->
                <td>{{id}}</td>
                <#--<td>{{positionId}}</td>-->
                <#--<td>{{imgUrl}}</td>-->
                <td>{{name}}</td>
                <td>{{sort}}</td>
                <#--<td>{{parentId}}</td>-->
                <td>{{descn!''}}</td>
                <td>{{status?renderStatus}}</td>
                <td><a style="width: 80px;" href="/content/editChannelView?id={{id}}" class="btn btn-success">编辑</a></td>
            </tr>
        </script>
        </tbody>
    </table>
</div>
<#--<div align="center">-->
<#--<#include "../footer.ftl"/>-->
<#--</div>-->
<script type="text/javascript" src="/common/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="/common/js/bootstrap-table.20130913.js"></script>
<script type="text/javascript" src="/common/js/dateformat.js"></script>
<script type="text/javascript" src="/common/js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript">
    $(function () {
        var param = $("#form").serialize();
        var s = $("#resultTable").bsTable({
            url: '/content/getChannelList.json?id=${id}',
            ajaxType: "POST",  //ajax 提交方式 post 或者 get
            pageNo: 1,
            pageNoAlias: 'page',
            pageSize: 10,
            pageSizeAlias: 'pageSize',
            pagingAlign: "right",
            param: param,
            countRoot: "total",
            dataRoot: "list"
        });

        $("#searchBtn").on('click', function () {
            var param = $("#form").serialize();
            s.reload(param);
        });

//        window.onresize = function () {
//            window.top.autoIFrame();
//        }

        $("#resultTableCheckboxAll").change(function(){
            if($(this).checked || $(this).attr("checked")=="checked")
            {
                $(".resultTableCheckboxOne").each(function(i,item){
                    $(item).prop("checked",true);
                });
            }
            else{
                $(".resultTableCheckboxOne").each(function(i,item){
                    $(item).prop("checked",false);
                });
            }
        });

        $("#pushAllBtn").click(function(){
            var pushids=[];
            $(".resultTableCheckboxOne").each(function(i,item){
                if($(this).checked || $(this).attr("checked")=="checked")
                {
                    pushids.push($(item).attr("pushid"));
                }
            });
            if(pushids.length>0)
            {
            	var params=pushids.join(',');
                $.ajax({
                    url: '/msg/manualPushMsg.json',
                    data: {"pushids":params},
                    type: 'post',
                    dataType: 'json',
                    success: function (result) {
                        if(result.result=='true')
                        {
                            alert("提交成功！");
                        }
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {alert(XMLHttpRequest, textStatus, errorThrown);}
                });
            }
            else{
                alert("请勾选要推送的项！");
            }
        });
    });

    function renderStatus(status) {
        if (status == -1) {
            return "删除不显示";
        } else {
            return "启用";
        }
    }
</script>
</body>
</html>